<template>

</template>

<script>
// 1、导入
import Vue from 'vue'
import Axios from 'axios'
// 2、Vue插件 让Vue使用一下。【Vue内部调用install方法】
Vue.use(Axios);
// 3、导出
export default {
  name: "index",
  created() {
    // 1、无参数
    Axios
      .get('https://baidu.com')
      .then(function (respone) {
        console.log(respone);
      })
      .catch(function (err) {
        console.log(err);
      })

    // 2、有参数
    Axios.get('https://baidu.com', {
      params: {
        id: 1,
        page: 3
      }
    }).then(respone => {
      console.log(respone);
    }).catch(err => console.log(err))
  }
}

  // 创建新的Axios实例
  const AxiosInstance = Axios.create({
    // 创建实例的时候，可以设置一些默认的配置
    baseURL: '....',
    timeout: 5000,
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  })

  // 发送网络请求
  AxiosInstance({
    url: '/home',
    method: 'get'
  }).then(function (respone) {

  }).catch(function (err) {

  })
</script>

<style scoped>

</style>
